<script type="text/javascript"> 
$(document).ready(function(){
 
	$("h2").append('<em></em>')
 
	$(".thumbs a").click(function(){
	
		var largePath = $(this).attr("href");
		var largeAlt = $(this).attr("title");
		
		$("#largeImg").attr({ src: largePath, alt: largeAlt });
		
		$("h2 em").html(" (" + largeAlt + ")"); return false;
	});
	
});
</script> 

<style type="text/css"> 
#largeImg {
        margin: 0px;
	border: solid 1px #000;
	width: 200px;
	height: 255px;
	padding: 5px;
}
.thumbs img {
        margin:5px 0px 5px 0px;
	border: solid 1px #000;
	width: 58px;
	height: 58px;
	padding: 4px;
}
.thumbs img:hover {
	border-color: #fff;
}
</style>

<!-- left konten  -->
<div class="span-18">
    <div class="left_konten">
    <div class="breadcumbs"><?php echo $cumb;?></div>

            <div class="span-12">
            <!-- list product content -->
            <div class="detail_product">
                    <div class="span-6 last">
                            <div class="slider-wrap">
                                    <div id="main-photo-slider" class="csw">
                                            <div class="panelContainer">
                                                
                                               

                                                <p><img id="largeImg" src="<?php echo base_url().'public/product/'.$row->produk_img_url;?>" alt="Image 2"></p>
                                                <div class="thumbs">
                                                    <?php foreach ($arr_image as $row_image):?>
                                                    <a href="<?php echo base_url().'public/product/'.$row_image['produk_img_url'];?>" title="Image 3"><img src="<?php echo base_url().'public/product/'.$row_image['produk_img_url_small'];?>"></a>
                                                    <?php endforeach;?>
                                                                       
                                                </div>
                                                
                                                
                                           
                                     
                                            </div>
                                    </div>

                                    <!--
                                    <div id="movers-row">
                                            <div><a href="#1" class="cross-link"><img src="<?php //echo base_url().'public/product/'.$row->image_thumb;?>" alt="temp-thumb" /></a></div>
                                            <div><a href="#2" class="cross-link"><img src="<?php //echo base_url().'public/product/'.$row->image_thumb;?>" alt="temp-thumb" /></a></div>
                                            <div><a href="#3" class="cross-link"><img src="<?php //echo base_url().'public/product/'.$row->image_thumb;?>"  alt="temp-thumb" /></a></div>
                                    </div>
                                    -->
                            </div>
                            <div class="span-6 last">
                                    <img class="add"src="images/more.png"/>
                            </div>
                            </div>
                            <div class="span-5 last">
                                    <h3><?php echo $row->nama_produk;?></h3>
                                    <span>Vote on FB (like button)</span><br>

                                    <span><?php echo $row->deskripsi;?></span><br>

                                    <?php if ($row->persen_diskon != 0):?>
                                    <label style="color:#000000;">PRICE</label><br>
                                    <span class="red" style="text-decoration: line-through;"><?php echo formatHarga($row->harga,'lengkap')?></span> Disc : <?php echo $row->persen_diskon;?> %
                                    <h3><?php echo formatHarga($row->harga_baru,'lengkap')?></h3>
                                    <?php else:?>
                                    <label style="color:#000000;">PRICE</label>
                                    <h3><?php echo formatHarga($row->harga,'lengkap')?></h3>

                                    <?php endif;?>

                                    <label style="color:#000000;">SIZE AVAILABLE</label>
                                    <h3>S | M | L | XL | LL</h3>

                                    <div class="check">

                                    <form method="post" action="<?php echo site_url()?>order/add_cart" method="post">
                                            <label style="color:#000000;">QTY : </label>
                                            <?php echo form_error('jml', '<div class="error">', '</div>'); ?>
                                             <?php echo form_error('size_produk_id', '<div class="error">', '</div>'); ?>
                                            <input class="input" type="text" name="jml" size="2" value="1">
  
                                            <label style="color:#000000;">SIZE : </label>
                                             <?php echo sizeDropdown(FALSE,$row->produk_id);?>
                                            <?php if (!$this->session->flashdata('message_type')):?>
                                            <?php else: ?>
                                                    <?php echo '<br />'.$this->session->flashdata('message_type');?>
                                            <?php endif; ?>
                                               
                                             <input type="hidden" name="id_kat" value="<?php echo $row->prod_kat_id;?>"/>
                                             <input type="hidden" name="id_brand" value="<?php echo $row->prod_brand_id;?>"/>
                                             <input type="hidden" name="id_prod" value="<?php echo $row->produk_id;?>"/>
                                             <input type="hidden" name="slug" value="<?php echo makeslug($row->nama_produk);?>"/>
                                            
                                            <input type="submit" class="cart_button" name="submit" value="ADD TO CART"/>
											 <?php if ($this->session->flashdata('message_type4')):?>
											 <?php echo '<br>'.$this->session->flashdata('message_type4').'<br />';?>
											 <?php endif;?>
                                            
                                            
                                    </form>
                                        OR
                                    <form method="post" action="<?php echo site_url()?>order/add_wishlist" method="post">
                                         <input type="hidden" name="id_kat" value="<?php echo $row->prod_kat_id;?>"/>
                                         <input type="hidden" name="id_brand" value="<?php echo $row->prod_brand_id;?>"/>
                                         <input type="hidden" name="id_prod" value="<?php echo $row->produk_id;?>"/>
                                         <input type="hidden" name="slug" value="<?php echo makeslug($row->nama_produk);?>"/>
										
                                        <input type="submit" class="cart_button" name="submit" value="ADD WISHLIST"/>
										 <?php if ($this->session->flashdata('message_type2')):?>
                                         <?php echo '<br>'.$this->session->flashdata('message_type2');?>
										 <?php endif;?>
										 <?php if ($this->session->flashdata('message_type3')):?>
                                         <?php echo '<br>'.$this->session->flashdata('message_type3');?>
										 <?php endif;?>
                                    </form>

                                    <img class="add"src="assets/images/add_to_cart.png"/>
                                    <br>
                                    <img class="add"src="assets/images/add_to_wish.png"/>
                                    </div>
                            </div>

            </div>
            </div>
            <div class="span-6 last">
                    <div class="promo_content">
                            <div class="sale_title"></div>
                    <img class="img_promo"src="<?php echo site_url()?>assets/images/promo_sale.jpg" width="45%"/>
                    <p>Lorem ipsum dolor sit amet, con consequat. eu fugiat nulla pariatur. Sunt in culpa quis nostrud exercitation ullamco laboris nisi.</p>

                    </div>
                    <div class="promo_content">
                            <div class="sale_title"></div>
                    <img class="img_promo"src="<?php echo site_url()?>assets/images/promo_sale.jpg" width="45%"/>
                    <p>Lorem ipsum dolor sit amet, con consequat.  eu fugiat nulla pariatur. Sunt in culpa quis nostrud exercitation ullamco laboris nisi.</p>

                    </div>
            </div>
    </div>
<div class="span-18 last">
    <div class="fav">
            <div class="fav_title">
            </div>

    </div>
</div>
</div>